import React, { Component } from 'react'
// import PropTypes from 'prop-types'  // 单独下载
import Item from '../Item/index'

export default class List extends Component {
   // 对接收props进行类型、必须性限制
  //  static propTypes = {
  //   todos:PropTypes.array.isRequired,
  //   updateTodo:PropTypes.func.isRequired
  // }

  render() {
    const { todos,updateTodo,delTodo } = this.props
    return (
      <ul className="todo-main">
        {
          todos.map((todo) => <Item  key={todo.id} {...todo} updateTodo={updateTodo} delTodo={delTodo}/>)
        }
      </ul>
    )
  }
}
